﻿@{
    ViewBag.Title = "MyCart";
    Layout = "~/Views/Shared/_Layout.cshtml";
}

<!--CART STARTS-->
<div id="shopping_cart" class="full_page">
<h1>Giỏ Hàng</h1>
<div class="message success">Nokia Lumia 800 - LX was added to your shopping cart.</div>
<div class="action_buttonbar">
    <button type="button" title="" class="continue">Tiếp tục mua hàng</button>
    <button type="button" title="" class="checkout">Thanh toán</button>
</div>
<div class="cart_table">
    <table class="data-table cart-table" id="shopping-cart-table" cellpadding="0" cellspacing="0">
    <tr>
        <th colspan="2">Products</th>
        <th class="align_center" width="6%"></th>
        <th class="align_center" width="12%">Unit Price</th>
        <th class="align_center" width="10%">Qty</th>
        <th class="align_center" width="12%">Subtotal</th>
        <th class="align_center" width="6%"></th>
    </tr>
    <tr>
        <td width="10%"><img src="@Url.Content("~/images/cart1.jpg")"></td>
        <td class="align_left" width="44%"><a class="pr_name" href="#">Nokia Lumia 800 - LX</a><span class="pr_info">Proin gravida </span></td>
        <td class="align_center"><a href="#" class="edit">Edit</a></td>
        <td class="align_center vline"><span class="price">$49.90</span></td>
        <td class="align_center vline"><input class="qty_box" type="text"></td>
        <td class="align_center vline"><span class="price">$49.90</span></td>
        <td class="align_center vline"><a href="#" class="remove"></a></td>
    </tr>
    <tr>
        <td><img src="@Url.Content("~/images/cart2.jpg")"></td>
        <td class="align_left" width="44%"><a class="pr_name" href="#">Nokia Lumia 800 - LX</a><span class="pr_info">Proin gravida </span></td>
        <td class="align_center"><a href="#" class="edit">Edit</a></td>
        <td class="align_center vline"><span class="price">$49.90</span></td>
        <td class="align_center vline"><input class="qty_box" type="text"></td>
        <td class="align_center vline"><span class="price">$49.90</span></td>
        <td class="align_center vline"><a href="#" class="remove"></a></td>
    </tr>
    </table>
    <div class="totals">
    <table id="totals-table">
        <tr>
            <td width="60%" colspan="1" class="align_left" ><strong>Subtotal</strong></td>
            <td class="align_right" style=""><strong><span class="price">$109.00</span></strong></td>
        </tr>
        <tr>
            <td width="60%" colspan="1" class="align_left" >Shipping cost</td>
            <td class="align_right" style=""><span class="price">$0.00</span></td>
        </tr>
        <tr>
            <td width="60%" colspan="1" class="align_left total" >Grand Total</td>
            <td class="align_right" style=""><span class="total">$109.00</span></td>
        </tr>                
    </table>
    </div>
</div>
<div class="action_buttonbar">
    <button type="button" title="" class="continue">Tiếp tục mua hàng</button>
    <button type="button" title="" class="checkout">Thanh toán</button>
</div>
</div>
<!--CART ENDS--> 
      
<div class="checkout_tax">
    <div class="shipping_tax">
        <h4>Estimate Shipping and Tax</h4>
        <p>Enter your destination to get a shipping estimate.</p>
        <label>Country</label><select><option>Canada</option></select><label>Postal code</label><input type="text">
        <br class="clear"/>
        <label>State</label><select><option>Vancouver</option></select>
        <button type="button" title="" class="brown_btn">Get a Quote</button>
    </div>
    <div class="checkout_discount">
        <h4>Discount codes</h4>
        <p>Enter your coupon code if you have one.</p>
        <input type="text">
        <button type="button" title="" class="brown_btn">Apply Coupon</button>
    </div>
</div>

<script type="text/javascript">
    $(document).ready(function () {
        $(".continue").on('click', function () {
            window.location.href = '@Url.Action("Index", "Home", null)';
        });

        $(".checkout").on('click', function () {
            window.location.href = '@Url.Action("Checkout","Checkout",null)';
        });
    });
</script>